<script setup lang='ts'>
import { render } from 'vue';
import { h } from 'vue';

// vue中的动态创建组件  分为两个步骤
// 1.创建元素或组件： h()
// 2.渲染元素或组件： render()

// 1. createElement()  /  h()
// 创建元素   div  p   a  img
// h():有三个参数     <div id="one" class="box">我是一个div</div>
// 参数一：元素的名称
// 参数二：元素的属性集合对象
// 参数三：元素的内容

const vNode = h('div',{id:'one',class:"box"},'我是一个div')
// console.log(vNode);

// 渲染 render()
// 参数一： 创建的元素
// 参数二： 元素的挂载点
render(vNode,document.body)

</script>

<template>
 
</template>

<style scoped>

</style>
